
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">48451</td>
		    	<td class="value error-col-3 total ko">88.758 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">6137</td>
		    	<td class="value error-col-3 total ko">11.242 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['32', '95', '158', '221', '284', '347', '410', '473', '536', '599', '662', '725', '788', '851', '914', '977', '1040', '1103', '1166', '1229', '1292', '1355', '1418', '1481', '1544', '1608', '1671', '1734', '1797', '1860', '1923', '1986', '2049', '2112', '2175', '2238', '2301', '2364', '2427', '2490', '2553', '2616', '2679', '2742', '2805', '2868', '2931', '2994', '3057', '3120', '3184', '3247', '3310', '3373', '3436', '3499', '3562', '3625', '3688', '3751', '3814', '3877', '3940', '4003', '4066', '4129', '4192', '4255', '4318', '4381', '4444', '4507', '4570', '4633', '4696', '4760', '4823', '4886', '4949', '5012', '5075', '5138', '5201', '5264', '5327', '5390', '5453', '5516', '5579', '5642', '5705', '5768', '5831', '5894', '5957', '6020', '6083', '6146', '6209', '6272'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  56.24,1.97,1.33,0.81,0.92,0.9,0.81,0.95,0.86,0.79,0.73,0.76,0.73,0.71,0.64,0.59,0.58,0.61,0.48,0.45,0.54,0.54,0.38,0.31,0.47,0.77,0.65,0.64,0.76,0.77,0.69,0.67,0.55,0.54,0.65,0.55,0.39,0.57,0.58,0.56,0.39,0.42,0.45,0.61,0.86,0.81,0.84,0.93,0.97,0.83,0.67,0.58,0.67,0.6,0.36,0.44,0.55,0.49,0.7,0.6,0.44,0.31,0.31,0.31,0.28,0.25,0.22,0.15,0.15,0.09,0.1,0.08,0.07,0.02,0.04,0.03,0.05,0.03,0.07,0.04,0.03,0.03,0.04,0.01,0.03,0.0,0.01,0.0,0.02,0.02,0.01,0.0,0.0,0.0,0.01,0.01,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692803043,null],[1692803044,null],[1692803045,null],[1692803046,null],[1692803047,null],[1692803048,null],[1692803049,null],[1692803050,null],[1692803051,null],[1692803052,null],[1692803053,null],[1692803054,null],[1692803055,null],[1692803056,null],[1692803057,null],[1692803058,null],[1692803059,null],[1692803060,null],[1692803061,null],[1692803062,null],[1692803063,null],[1692803064,null],[1692803065,null],[1692803066,[1357,1357,1357,1357,1357,1357,1357,1357,1357,1357]],[1692803067,null],[1692803068,null],[1692803069,null],[1692803070,null],[1692803071,null],[1692803072,null],[1692803073,null],[1692803074,null],[1692803075,null],[1692803076,[1367,1367,1367,1367,1367,1367,1367,1367,1367,1367]],[1692803077,[1352,1359,1366,1373,1374,1375,1377,1378,1379,1380]],[1692803078,[1299,1299,1299,1299,1299,1299,1299,1299,1299,1299]],[1692803079,null],[1692803080,null],[1692803081,null],[1692803082,null],[1692803083,null],[1692803084,null],[1692803085,null],[1692803086,null],[1692803087,null],[1692803088,[1381,1381,1381,1381,1381,1381,1381,1381,1381,1381]],[1692803089,[1282,1282,1282,1282,1282,1282,1282,1282,1282,1282]],[1692803090,null],[1692803091,null],[1692803092,null],[1692803093,null],[1692803094,null],[1692803095,null],[1692803096,null],[1692803097,null],[1692803098,null],[1692803099,null],[1692803100,[1369,1369,1369,1369,1369,1369,1369,1369,1369,1369]],[1692803101,[1587,1587,1587,1587,1587,1587,1587,1587,1587,1587]],[1692803102,null],[1692803103,null],[1692803104,null],[1692803105,null],[1692803106,null],[1692803107,null],[1692803108,null],[1692803109,null],[1692803110,null],[1692803111,null],[1692803112,[1384,1384,1384,1384,1384,1384,1384,1384,1384,1384]],[1692803113,[1477,1501,1526,1551,1556,1561,1566,1571,1575,1576]],[1692803114,null],[1692803115,null],[1692803116,null],[1692803117,null],[1692803118,null],[1692803119,null],[1692803120,null],[1692803121,null],[1692803122,null],[1692803123,null],[1692803124,[1382,1382,1382,1382,1382,1382,1382,1382,1382,1382]],[1692803125,null],[1692803126,null],[1692803127,null],[1692803128,null],[1692803129,null],[1692803130,null],[1692803131,null],[1692803132,null],[1692803133,null],[1692803134,null],[1692803135,null],[1692803136,[1373,1373,1373,1373,1373,1373,1373,1373,1373,1373]],[1692803137,null],[1692803138,null],[1692803139,null],[1692803140,null],[1692803141,null],[1692803142,null],[1692803143,null],[1692803144,null],[1692803145,null],[1692803146,null],[1692803147,[1281,1281,1281,1281,1281,1281,1281,1281,1281,1281]],[1692803148,[1273,1273,1273,1273,1273,1273,1273,1273,1273,1273]],[1692803149,null],[1692803150,null],[1692803151,null],[1692803152,null],[1692803153,null],[1692803154,null],[1692803155,null],[1692803156,null],[1692803157,null],[1692803158,null],[1692803159,[1864,1864,1864,1864,1864,1864,1864,1864,1864,1864]],[1692803160,[411,756,1101,1446,1515,1584,1653,1722,1778,1792]],[1692803161,null],[1692803162,[2596,2596,2596,2596,2596,2596,2596,2596,2596,2596]],[1692803163,null],[1692803164,null],[1692803165,null],[1692803166,null],[1692803167,null],[1692803168,null],[1692803169,null],[1692803170,null],[1692803171,[1588,1588,1588,1588,1588,1588,1588,1588,1588,1588]],[1692803172,[1615,1615,1615,1615,1615,1615,1615,1615,1615,1615]],[1692803173,null],[1692803174,[1388,1388,1388,1388,1388,1388,1388,1388,1388,1388]],[1692803175,null],[1692803176,null],[1692803177,null],[1692803178,null],[1692803179,null],[1692803180,null],[1692803181,null],[1692803182,null],[1692803183,[1575,1575,1575,1575,1575,1575,1575,1575,1575,1575]],[1692803184,null],[1692803185,null],[1692803186,[1389,1389,1389,1389,1389,1389,1389,1389,1389,1389]],[1692803187,null],[1692803188,null],[1692803189,null],[1692803190,null],[1692803191,null],[1692803192,null],[1692803193,null],[1692803194,null],[1692803195,null],[1692803196,null],[1692803197,null],[1692803198,[1626,1626,1626,1626,1626,1626,1626,1626,1626,1626]],[1692803199,null],[1692803200,null],[1692803201,null],[1692803202,null],[1692803203,null],[1692803204,null],[1692803205,null],[1692803206,[1672,1672,1672,1672,1672,1672,1672,1672,1672,1672]],[1692803207,null],[1692803208,null],[1692803209,null],[1692803210,[3456,3456,3456,3456,3456,3456,3456,3456,3456,3456]],[1692803211,[4772,4772,4772,4772,4772,4772,4772,4772,4772,4772]],[1692803212,null],[1692803213,null],[1692803214,[5578,5578,5578,5578,5578,5578,5578,5578,5578,5578]],[1692803215,null],[1692803216,[5712,5712,5712,5712,5712,5712,5712,5712,5712,5712]],[1692803217,null],[1692803218,null],[1692803219,null],[1692803220,null],[1692803221,null],[1692803222,[4418,4418,4418,4418,4418,4418,4418,4418,4418,4418]],[1692803223,[5795,5795,5795,5795,5795,5795,5795,5795,5795,5795]],[1692803224,null],[1692803225,null],[1692803226,null],[1692803227,null],[1692803228,[4335,4335,4335,4335,4335,4335,4335,4335,4335,4335]],[1692803229,[4486,4486,4486,4486,4486,4486,4486,4486,4486,4486]],[1692803230,null],[1692803231,null],[1692803232,null],[1692803233,null],[1692803234,null],[1692803235,[3095,3095,3095,3095,3095,3095,3095,3095,3095,3095]],[1692803236,null],[1692803237,null],[1692803238,null],[1692803239,null],[1692803240,null],[1692803241,null],[1692803242,[2733,2733,2733,2733,2733,2733,2733,2733,2733,2733]],[1692803243,null],[1692803244,null],[1692803245,null],[1692803246,null],[1692803247,null],[1692803248,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692803043,[2,0,2]],[1692803044,[2,0,2]],[1692803045,[2,0,2]],[1692803046,[2,0,2]],[1692803047,[2,0,2]],[1692803048,[2,0,2]],[1692803049,[2,0,2]],[1692803050,[2,0,2]],[1692803051,[2,0,2]],[1692803052,[2,0,2]],[1692803053,[3,0,3]],[1692803054,[4,0,4]],[1692803055,[10,0,10]],[1692803056,[5,0,5]],[1692803057,[7,0,7]],[1692803058,[3,0,3]],[1692803059,[1,0,1]],[1692803060,[4,0,4]],[1692803061,[3,0,3]],[1692803062,[6,0,6]],[1692803063,[6,0,6]],[1692803064,[1,0,1]],[1692803065,[6,0,6]],[1692803066,[1,1,0]],[1692803067,[4,0,4]],[1692803068,[5,0,5]],[1692803069,[9,0,9]],[1692803070,[13,0,13]],[1692803071,[16,0,16]],[1692803072,[20,0,20]],[1692803073,[22,0,22]],[1692803074,[26,0,26]],[1692803075,[29,0,29]],[1692803076,[33,1,32]],[1692803077,[36,2,34]],[1692803078,[39,1,38]],[1692803079,[42,0,42]],[1692803080,[46,0,46]],[1692803081,[49,0,49]],[1692803082,[52,0,52]],[1692803083,[56,0,56]],[1692803084,[58,0,58]],[1692803085,[63,0,63]],[1692803086,[65,0,65]],[1692803087,[69,0,69]],[1692803088,[73,1,72]],[1692803089,[75,1,74]],[1692803090,[78,0,78]],[1692803091,[82,0,82]],[1692803092,[86,0,86]],[1692803093,[89,0,89]],[1692803094,[91,0,91]],[1692803095,[95,0,95]],[1692803096,[99,0,99]],[1692803097,[102,0,102]],[1692803098,[105,0,105]],[1692803099,[108,0,108]],[1692803100,[112,1,111]],[1692803101,[115,1,114]],[1692803102,[119,0,119]],[1692803103,[121,0,121]],[1692803104,[125,0,125]],[1692803105,[127,0,127]],[1692803106,[133,0,133]],[1692803107,[135,0,135]],[1692803108,[138,0,138]],[1692803109,[141,0,141]],[1692803110,[144,0,144]],[1692803111,[149,0,149]],[1692803112,[151,1,150]],[1692803113,[155,2,153]],[1692803114,[157,0,157]],[1692803115,[162,0,162]],[1692803116,[164,0,164]],[1692803117,[168,0,168]],[1692803118,[172,0,172]],[1692803119,[173,0,173]],[1692803120,[178,0,178]],[1692803121,[181,0,181]],[1692803122,[185,0,185]],[1692803123,[187,0,187]],[1692803124,[191,1,190]],[1692803125,[194,0,194]],[1692803126,[198,0,198]],[1692803127,[201,0,201]],[1692803128,[204,0,204]],[1692803129,[207,0,207]],[1692803130,[211,0,211]],[1692803131,[214,0,214]],[1692803132,[217,0,217]],[1692803133,[221,0,221]],[1692803134,[224,0,224]],[1692803135,[227,0,227]],[1692803136,[230,1,229]],[1692803137,[235,0,235]],[1692803138,[237,0,237]],[1692803139,[240,0,240]],[1692803140,[244,0,244]],[1692803141,[246,0,246]],[1692803142,[251,0,251]],[1692803143,[254,0,254]],[1692803144,[256,0,256]],[1692803145,[260,0,260]],[1692803146,[264,0,264]],[1692803147,[267,1,266]],[1692803148,[270,1,269]],[1692803149,[273,0,273]],[1692803150,[277,0,277]],[1692803151,[280,0,280]],[1692803152,[284,0,284]],[1692803153,[286,0,286]],[1692803154,[290,0,290]],[1692803155,[293,0,293]],[1692803156,[297,0,297]],[1692803157,[300,0,300]],[1692803158,[302,0,302]],[1692803159,[307,1,306]],[1692803160,[310,2,308]],[1692803161,[313,0,313]],[1692803162,[317,1,316]],[1692803163,[319,0,319]],[1692803164,[323,0,323]],[1692803165,[326,0,326]],[1692803166,[329,0,329]],[1692803167,[334,0,334]],[1692803168,[335,0,335]],[1692803169,[340,0,340]],[1692803170,[343,0,343]],[1692803171,[345,1,344]],[1692803172,[350,1,349]],[1692803173,[353,0,353]],[1692803174,[355,1,354]],[1692803175,[360,0,360]],[1692803176,[362,0,362]],[1692803177,[366,0,366]],[1692803178,[369,0,369]],[1692803179,[372,0,372]],[1692803180,[376,0,376]],[1692803181,[379,0,379]],[1692803182,[383,0,383]],[1692803183,[386,1,385]],[1692803184,[388,0,388]],[1692803185,[392,0,392]],[1692803186,[395,1,394]],[1692803187,[400,0,400]],[1692803188,[402,0,402]],[1692803189,[405,0,405]],[1692803190,[408,0,408]],[1692803191,[413,0,413]],[1692803192,[414,0,414]],[1692803193,[420,0,420]],[1692803194,[421,0,421]],[1692803195,[426,0,426]],[1692803196,[429,0,429]],[1692803197,[431,0,431]],[1692803198,[436,1,435]],[1692803199,[438,0,438]],[1692803200,[442,0,442]],[1692803201,[444,0,444]],[1692803202,[449,0,449]],[1692803203,[451,0,451]],[1692803204,[455,0,455]],[1692803205,[459,0,459]],[1692803206,[461,1,460]],[1692803207,[465,0,465]],[1692803208,[468,0,468]],[1692803209,[472,0,472]],[1692803210,[474,1,473]],[1692803211,[478,1,477]],[1692803212,[482,0,482]],[1692803213,[484,0,484]],[1692803214,[488,1,487]],[1692803215,[491,0,491]],[1692803216,[494,1,493]],[1692803217,[499,0,499]],[1692803218,[501,0,501]],[1692803219,[504,0,504]],[1692803220,[508,0,508]],[1692803221,[510,0,510]],[1692803222,[515,1,514]],[1692803223,[518,1,517]],[1692803224,[520,0,520]],[1692803225,[525,0,525]],[1692803226,[527,0,527]],[1692803227,[532,0,532]],[1692803228,[534,1,533]],[1692803229,[537,1,536]],[1692803230,[540,0,540]],[1692803231,[545,0,545]],[1692803232,[547,0,547]],[1692803233,[551,0,551]],[1692803234,[553,0,553]],[1692803235,[558,1,557]],[1692803236,[560,0,560]],[1692803237,[564,0,564]],[1692803238,[567,0,567]],[1692803239,[570,0,570]],[1692803240,[574,0,574]],[1692803241,[577,0,577]],[1692803242,[581,1,580]],[1692803243,[583,0,583]],[1692803244,[587,0,587]],[1692803245,[590,0,590]],[1692803246,[593,0,593]],[1692803247,[597,0,597]],[1692803248,[279,0,279]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692803043,[2,0,2]],[1692803044,[2,0,2]],[1692803045,[2,0,2]],[1692803046,[2,0,2]],[1692803047,[2,0,2]],[1692803048,[2,0,2]],[1692803049,[2,0,2]],[1692803050,[2,0,2]],[1692803051,[2,0,2]],[1692803052,[2,0,2]],[1692803053,[3,0,3]],[1692803054,[4,0,4]],[1692803055,[10,0,10]],[1692803056,[5,0,5]],[1692803057,[7,0,7]],[1692803058,[3,0,3]],[1692803059,[1,0,1]],[1692803060,[4,0,4]],[1692803061,[3,0,3]],[1692803062,[6,0,6]],[1692803063,[6,0,6]],[1692803064,[1,0,1]],[1692803065,[6,0,6]],[1692803066,[0,0,0]],[1692803067,[5,1,4]],[1692803068,[5,0,5]],[1692803069,[9,0,9]],[1692803070,[13,0,13]],[1692803071,[16,0,16]],[1692803072,[20,0,20]],[1692803073,[22,0,22]],[1692803074,[26,0,26]],[1692803075,[29,0,29]],[1692803076,[32,0,32]],[1692803077,[35,1,34]],[1692803078,[39,1,38]],[1692803079,[43,1,42]],[1692803080,[47,1,46]],[1692803081,[49,0,49]],[1692803082,[52,0,52]],[1692803083,[56,0,56]],[1692803084,[58,0,58]],[1692803085,[63,0,63]],[1692803086,[65,0,65]],[1692803087,[69,0,69]],[1692803088,[71,0,71]],[1692803089,[76,1,75]],[1692803090,[79,1,78]],[1692803091,[82,0,82]],[1692803092,[86,0,86]],[1692803093,[88,0,88]],[1692803094,[92,0,92]],[1692803095,[95,0,95]],[1692803096,[99,0,99]],[1692803097,[102,0,102]],[1692803098,[105,0,105]],[1692803099,[108,0,108]],[1692803100,[111,0,111]],[1692803101,[115,1,114]],[1692803102,[119,1,118]],[1692803103,[122,0,122]],[1692803104,[125,0,125]],[1692803105,[127,0,127]],[1692803106,[133,0,133]],[1692803107,[135,0,135]],[1692803108,[137,0,137]],[1692803109,[142,0,142]],[1692803110,[144,0,144]],[1692803111,[149,0,149]],[1692803112,[150,0,150]],[1692803113,[154,1,153]],[1692803114,[158,1,157]],[1692803115,[162,1,161]],[1692803116,[165,0,165]],[1692803117,[168,0,168]],[1692803118,[171,0,171]],[1692803119,[174,0,174]],[1692803120,[178,0,178]],[1692803121,[181,0,181]],[1692803122,[185,0,185]],[1692803123,[187,0,187]],[1692803124,[190,0,190]],[1692803125,[195,1,194]],[1692803126,[198,0,198]],[1692803127,[201,0,201]],[1692803128,[204,0,204]],[1692803129,[207,0,207]],[1692803130,[211,0,211]],[1692803131,[214,0,214]],[1692803132,[217,0,217]],[1692803133,[221,0,221]],[1692803134,[224,0,224]],[1692803135,[227,0,227]],[1692803136,[229,0,229]],[1692803137,[236,1,235]],[1692803138,[237,0,237]],[1692803139,[240,0,240]],[1692803140,[243,0,243]],[1692803141,[247,0,247]],[1692803142,[251,0,251]],[1692803143,[254,0,254]],[1692803144,[256,0,256]],[1692803145,[260,0,260]],[1692803146,[264,0,264]],[1692803147,[266,0,266]],[1692803148,[270,1,269]],[1692803149,[274,1,273]],[1692803150,[277,0,277]],[1692803151,[278,0,278]],[1692803152,[284,0,284]],[1692803153,[287,0,287]],[1692803154,[288,0,288]],[1692803155,[293,0,293]],[1692803156,[298,0,298]],[1692803157,[300,0,300]],[1692803158,[294,0,294]],[1692803159,[186,0,186]],[1692803160,[433,1,432]],[1692803161,[279,1,278]],[1692803162,[296,1,295]],[1692803163,[378,0,378]],[1692803164,[326,1,325]],[1692803165,[324,0,324]],[1692803166,[332,0,332]],[1692803167,[326,0,326]],[1692803168,[343,0,343]],[1692803169,[337,0,337]],[1692803170,[345,0,345]],[1692803171,[344,0,344]],[1692803172,[350,1,349]],[1692803173,[350,0,350]],[1692803174,[359,1,358]],[1692803175,[358,1,357]],[1692803176,[365,0,365]],[1692803177,[363,0,363]],[1692803178,[372,0,372]],[1692803179,[370,0,370]],[1692803180,[377,0,377]],[1692803181,[363,0,363]],[1692803182,[399,0,399]],[1692803183,[377,0,377]],[1692803184,[398,1,397]],[1692803185,[389,0,389]],[1692803186,[397,0,397]],[1692803187,[393,1,392]],[1692803188,[410,0,410]],[1692803189,[403,0,403]],[1692803190,[410,0,410]],[1692803191,[410,0,410]],[1692803192,[416,0,416]],[1692803193,[421,0,421]],[1692803194,[308,0,308]],[1692803195,[527,0,527]],[1692803196,[413,0,413]],[1692803197,[459,0,459]],[1692803198,[402,0,402]],[1692803199,[469,1,468]],[1692803200,[364,0,364]],[1692803201,[525,0,525]],[1692803202,[411,0,411]],[1692803203,[489,0,489]],[1692803204,[326,0,326]],[1692803205,[587,0,587]],[1692803206,[273,0,273]],[1692803207,[653,0,653]],[1692803208,[223,1,222]],[1692803209,[717,0,717]],[1692803210,[70,0,70]],[1692803211,[618,0,618]],[1692803212,[18,0,18]],[1692803213,[200,1,199]],[1692803214,[170,0,170]],[1692803215,[49,1,48]],[1692803216,[344,0,344]],[1692803217,[679,0,679]],[1692803218,[581,0,581]],[1692803219,[297,1,296]],[1692803220,[477,0,477]],[1692803221,[774,1,773]],[1692803222,[775,0,775]],[1692803223,[123,0,123]],[1692803224,[423,0,423]],[1692803225,[866,0,866]],[1692803226,[104,1,103]],[1692803227,[967,0,967]],[1692803228,[109,0,109]],[1692803229,[783,1,782]],[1692803230,[637,0,637]],[1692803231,[485,0,485]],[1692803232,[1065,1,1064]],[1692803233,[783,0,783]],[1692803234,[642,1,641]],[1692803235,[58,0,58]],[1692803236,[842,0,842]],[1692803237,[550,0,550]],[1692803238,[463,1,462]],[1692803239,[479,0,479]],[1692803240,[1009,0,1009]],[1692803241,[997,0,997]],[1692803242,[705,0,705]],[1692803243,[296,0,296]],[1692803244,[766,0,766]],[1692803245,[211,1,210]],[1692803246,[970,0,970]],[1692803247,[341,0,341]],[1692803248,[912,0,912]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 37.0, color: '#68b65c'},{name: 'KO', y: 54588.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[5,1357],[50,1367],[56,1378],[58,1299],[100,1381],[103,1282],[147,1369],[151,1587],[195,1384],[200,1571],[243,1382],[291,1373],[335,1281],[340,1273],[383,1864],[388,1722],[397,2596],[430,1588],[437,1615],[444,1388],[480,1575],[491,1389],[540,1626],[571,1672],[587,3456],[592,4772],[604,5578],[611,5712],[638,4418],[640,5795],[660,4335],[664,4486],[689,3095],[717,2733]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,2],[5,5],[6,25],[6,10],[6,8],[6,5],[6,4],[6,6],[6,5],[6,3],[6,4],[6,4],[7,3],[7,2],[7,3],[8,3],[8,2],[9,3],[9,3],[10,4],[10,2],[10,2],[11,3],[13,3],[14,3],[21,2],[26,3],[30,3],[35,4],[37,7],[42,3],[47,2],[50,3],[56,7],[58,2],[63,2],[66,2],[70,2],[74,2],[79,3],[82,2],[87,2],[90,2],[94,2],[100,2],[103,2],[106,2],[110,2],[116,2],[119,2],[120,8],[127,2],[131,2],[135,2],[138,4],[142,5],[147,3],[151,2],[155,3],[159,5],[163,6],[165,4],[172,5],[175,1],[178,3],[182,3],[186,2],[192,2],[195,2],[200,2],[203,2],[207,1],[210,2],[215,2],[220,1],[221,2],[227,1],[231,1],[235,1],[238,2],[243,2],[248,2],[251,1],[255,1],[259,1],[262,1],[267,1],[270,2],[276,1],[279,1],[282,2],[287,1],[291,2],[297,1],[299,2],[303,2],[306,1],[310,1],[316,1],[319,1],[322,2],[327,2],[332,1],[335,2],[340,2],[343,1],[343,580],[348,1],[350,10],[356,8],[359,10],[363,9],[367,35],[372,9],[376,30],[378,31],[383,660],[388,141],[391,262],[397,1177],[398,23],[403,11],[408,14],[411,9],[416,12],[418,19],[424,11],[428,9],[430,24],[437,12],[439,16],[444,27],[449,16],[451,12],[455,12],[460,46],[463,10],[467,12],[471,93],[477,15],[480,20],[482,26],[488,11],[491,23],[498,21],[499,24],[503,9],[507,20],[513,3],[513,21],[522,2],[523,324],[529,115],[531,105],[535,16],[540,153],[543,42],[549,262],[550,129],[557,158],[559,100],[564,469],[568,243],[571,656],[576,326],[580,784],[584,365],[587,1240],[592,5941],[596,5325],[600,4378],[604,3806],[609,3926],[611,4579],[617,4449],[620,3863],[623,3535],[629,4846],[630,4411],[638,3332],[640,4128],[643,3450],[649,4050],[651,3868],[657,3356],[660,3555],[664,3131],[666,2521],[673,2485],[677,2148],[680,2383],[684,2182],[689,2421],[692,2706],[696,2628],[701,2410],[703,1621],[709,1370],[711,816],[717,1151],[720,1096],[724,1975],[729,1510],[732,1498],[737,1125]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
